<template>
  <ElTabs v-model="activeTab" tab-position="top">
    <ElTabPane label="基础设置" name="basic">
      <BasicPanel :node="node"></BasicPanel>
    </ElTabPane>
    <ElTabPane label="按钮设置" name="button">
      <ButtonPanel></ButtonPanel>
    </ElTabPane>
    <ElTabPane label="任务处理人" name="processor">
      <ProcessorPanel :node="node"></ProcessorPanel>
    </ElTabPane>
  </ElTabs>
</template>

<script setup name="NotifyEditor">
import { ref } from "vue";
import { ElTabs, ElTabPane } from "element-plus";
import BasicPanel from "./BasicPanel.vue";
import ButtonPanel from "./ButtonPanel.vue";
import ProcessorPanel from "./ProcessorPanel.vue";
const activeTab = ref("basic");
defineProps({
  node: {
    type: Object
  }
});
</script>

<style scoped></style>
